<template>
  <div class="data-title">
      <span>{{title}}</span>
  </div>
</template>

<script>
export default {
    props: {
        title:{
            type:String,
            defualt(){
                return ''
            }
        }
    }
}
</script>

<style lang="scss" scoped>
.data-title{
    text-align: center;
    height: 38px;
    span{
        position: relative;
        padding: 0 16px;
        line-height: 38px;
        font-family: MicrosoftYaHei-Bold;
        font-size: 18px;	
        color: #00fbfc;
        &::before{
            position:absolute;
            content: '';
            top: 50%;
            left: -90px;
            transform: translateY(-50%);
            width: 90px;
            height: 2px;
            background-image: linear-gradient(to left,#00f1f3 0%, #00f1f3 70%, #073e69 100%);
        }
        &::after{
            position:absolute;
            content: '';
            top: 50%;
            right: -90px;
            width: 90px;
            height: 2px;
            background-image: linear-gradient(to right,#00f1f3 0%, #00f1f3 70%, #073e69 100%);
        }
    }
}
</style>